
body, html
  line-height: 1
  font-family: 'MicrosoftYaHei', 'STHeitiSC-Light', 'Helvetica-Light', arial, sans-serif, 'Droid Sans Fallback'
  user-select: none
  -webkit-tap-highlight-color: transparent
  background: #fff
  color: #333
  height 100%
  font-size 16px
  -webkit-font-smoothing antialiased
.m-root
  height 100%
  overflow hidden
.m-nav
  height 82px
  background #3B99FC
  padding 11px 30px 0
  box-sizing border-box
  background url('../image/bg.png') no-repeat
  background-size 100% 100%
  .logo
    line-height 33px
    font-weight bold
    font-size 20px
    color #fff
    letter-spacing 1.5px
    img
      width 30px
      height 30px
      display inline-block
      margin-right 4px
      vertical-align top
  .menu
    .left
      float left
      height 30px
      margin-top 8px
      line-height 30px
      margin-left 172px
      ul
        li
          display inline-block
          a
            width 80px
            display inline-block
            text-align center
            color #fff
            letter-spacing 1px
            margin-right 16px
            text-decoration none 
            cursor pointer
            &:hover
            &.active
              background #fff
              border-radius 5px 5px 0 0
              color #398AF7
    .right
      float right
      height 30px
      line-height 30px
      margin-top 2px
      span
        display inline-block
        color: #ffffff
        margin-left 25px
      .img
        position relative
        display inline-block
        width 17px
        height 15px
        cursor pointer
        &:first-child
          margin-right 20px
        img
          display block
        .value
          position absolute
          top 0
          right 10px
          border-radius 10px
          color #fff
          display inline-block
          font-size 12px
          height 18px
          line-height 18px
          padding 0 6px
          text-align center
          white-space nowrap
          border 1px solid #fff
          background #ff0002 
          transform translateY(-50%) translateX(100%)
.m-content
  background #e8ecf3
  height calc(100% - 82px)
  padding 20px
  overflow auto
.m-broadcast
  .module
    background #fff
    padding 10px
    box-sizing border-box
    .title
      color #3187FF
      height 21px
      img
        margin-right 13px
        width 14px
        height 18px
        vertical-align -2px
    .body
      display flex
      .item
        flex 1
        text-align center
        border-right 1px solid #E2E2E2
        &:last-child
          border 0
        .value
          font-size 40px
          height 52px
          line-height 52px
          margin 22px 0 20px 0
          &.l
            color  #00CDAc
          &.h
            color  #FA6D43
          &.r
            color #FF0002
        .name
          height 21px
          line-height 21px
          text-shadow 0 0 .5px #00204C
          color #00204c
.m-data
  margin-top 30px
  .reportData
    height 500px
    padding 30px 40px
    box-sizing border-box
    background #fff
    .title
      color #333
      font-size 18px
    .chart
      height 450px
      padding 0 20px
.m-police
    height 500px
    box-sizing border-box
    margin-top 30px
    .module
      padding 30px 40px
      background #fff
      .title
        color #333
        font-size 18px
      .chat
        height 450px
.m-list
  .time
    background #fff
    padding 30px
    height 528px
    box-sizing border-box
    .title
      color #3187FF
      height 21px
      img
        width 20px
        margin-right 13px
    .body
      height calc(500px - 40px)
      overflow-x hidden
      .item
        display flex
        padding 14px 0
        border-bottom 1px solid #CDCDCD  
        .left
          width 70px
          height 60px
          border 1px solid #FFC24C
          text-align center
          padding 4px
          box-sizing border-box
          img
            width 20px
            height 20px
            margin 4px 0
          .level
            height 24px
            line-height 24px
            border-top 1px solid #CDCDCD  
            color #999
            font-size 18px
        .right
          flex 1
          margin-left 10px
          padding 5px 0
          line-height 25px
          color #333
          font-size: 14px
          
.m-weather
  height 500px
  background #6e8ac1
.m-analysis
  display flex
  height 100%
.m-navbar
  width 220px
  height 100%
  background #fff
  padding-top 30px
  .title
    padding-left 10px
    color #4CAAFF
    font-size: 14px
    letter-spacing 1.17px
    img
      width 17px
      height 14px
      display inline-block
      vertical-align: -2px
      margin-right: 10px
  .subs
    margin-top 8px
    ul
      li
        a
          display inline-block
          width 100%
          padding-left 30px
          height 36px
          color #333
          line-height: @height
          font-size 14px
          cursor pointer
          text-decoration: none
          &:hover
          &.active
            color #ffffff
            background-image linear-gradient(-45deg, #4BC0FF 0%, #4CA9FF 98%, #4CA9FF 100%)
            .img
              background: url("../image/file_white.png" )
          .img
            display inline-block
            width 12px
            height 10px
            margin-right 10px
            background: url("../image/file_black.png" )
.m-rcont
  flex 1
  height 100%
  margin-left 20px
  background: #ffffff
  overflow: auto
.m-srarch
  overflow hidden
  padding: 5px
  .control-label
    line-height: 34px

.m-btn
  height 44px
  a
    margin-top 6px
    display block
    width 70px
    height 32px
    color: #ffffff
    text-align: center
    line-height: @height
    background-image: linear-gradient(-45deg, #4BC0FF 0%, #4CA9FF 98%, #4CA9FF 100%)
    border-radius: 3px
.m-table-top
  height 56px
  padding: 0 9px
  a
    display inline-block
    margin-top 11px
    width 80px
    height 34px
    border-radius 100px
    color #707070
    text-align: center
    line-height: @height
    border 1px solid #D9D9D9
    text-decoration none 
    margin-right 10px
    &.active
      border: 1px solid  #4CAAFF
      color  #4CAAFF
.m-table-head
  height 40px
  background: #6AAEF2;
  font-size 18px
  color #ffffff
  padding: 0 14px
  line-height: 40px
  .export
    float right
    cursor pointer
    img
      width 20px
      height 22px
      display inline-block
      vertical-align: middle
      margin-right 5px
.m-table
  max-width: 100%
  overflow auto
  table
    tr
      height 40px
      &:nth-child(2n)
        background: #F5F5F5
      th
        line-height: 40px
        text-align: center
        border 1px solid #dcdcdc
        padding: 0
      td
        border 1px solid #dcdcdc